// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.

@use '~@mozilla-protocol/core/protocol/css/includes/lib' as *;

.mzp-c-article-title {
    @include text-title-md;
}

@media #{$mq-md} {
    .article-wrapper {
        @include at2x('/media/img/privacy/illo-email.png', 25%, auto);
        background-repeat: no-repeat;
        background-position: right 40px top $layout-md;
        padding-top: $layout-lg;
        padding-bottom: $layout-lg;
    }

    .mzp-c-article {
        @include grid-two-thirds;
    }
}

@media #{$mq-lg} {
    .article-wrapper {
        background-size: 30% auto;
        min-height: 520px;
    }
}
